<template>
  <div>
    <h2>我是首页</h2>
    <p>我是首页内容，哈哈哈哈</p>

    <router-link to="/home/news">新闻</router-link>
    <router-link to="/home/message">消息</router-link>
    <router-view></router-view>

    <h2>{{message}}</h2>
  </div>
</template>

<script>
    export default {
      name: "Home",
      data(){
        return{
          message:'你好棒',
          path:'/home/news'
        }
      },
      created() {
        console.log('Home created');
      },
      destroyed() {
        console.log('Home destroyed');
      },
      activated() {
        // console.log('activated')
        this.$router.push(this.path)
      },
      deactivated() {
        // console.log('deactivated')
      },
      beforeRouteLeave(to,from,next){
        // console.log(this.$route.path)
        this.path = this.$route.path;
        next()
      }
    }
</script>

<style scoped>

</style>
